<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    xmlns:cgf="http://www.centralgold.com.br/facelets"
    template="/layout/template.xhtml">

<ui:define name="body">

    <h:form id="clientesForm">

        <rich:panel>
            <f:facet name="header">Cadastrar Clientes</f:facet>
			
			<rich:dataTable id="tabelaClientes" 
				value="#{cadastrarCliente.listaClientes}"
				rows="10"
				onRowMouseOver="this.style.backgroundColor='#6495ED'"
       			onRowMouseOut="this.style.backgroundColor='#FFFFCC'"
				var="_cliente">
				
				<a:queue ignoreDupResponses="true"/>	
				
				<rich:column>
					<f:facet name="header">
						<h:selectBooleanCheckbox value="#{cadastrarCliente.selecionadoTodos}" >
							<a:support event="onchange" action="#{cadastrarCliente.selecionaTodos()}" 
								reRender="tabelaClientes"/>
						</h:selectBooleanCheckbox>
					</f:facet>
					<h:selectBooleanCheckbox value="#{_cliente.selecionado}" />				
				</rich:column>
				
				<rich:column filterBy="#{_cliente.nome}" filterEvent="onkeyup">
					<f:facet name="header">Nome/Razão Social</f:facet>
					<h:outputText value="#{_cliente.nome}" />	
					<a:queue ignoreDupResponses="true"/>		
				</rich:column>
				
				<rich:column filterBy="#{_cliente.cpf}" filterEvent="onkeyup">
					<f:facet name="header">CPF/CNPJ</f:facet>
					<s:fragment rendered="#{_cliente.tipoCliente eq 1}">
						<h:outputText value="#{_cliente.cpfFormatado}"/>
					</s:fragment>
					<s:fragment rendered="#{_cliente.tipoCliente eq 2}">
						<h:outputText value="#{_cliente.cnpjFormatado}"/>
					</s:fragment>
				</rich:column>
				
				<rich:column filterBy="#{_cliente.passaporte}" filterEvent="onkeyup">
					<f:facet name="header">PASSAPORTE</f:facet>
					<h:outputText value="#{_cliente.passaporte}"/>
				</rich:column>
				
				<rich:column filterBy="#{_cliente.nroCartaoGold}" filterEvent="onkeyup">
					<f:facet name="header">NRO CARTÃO GOLD</f:facet>
					<h:outputText value="#{_cliente.nroCartaoGold}" 
						converter="conversorCartao"/>	
				</rich:column>
				
				<rich:column rendered="#{identity.hasRole('CADASTRAR_CLIENTES_GRAVAR')}">
					<f:facet name="header"></f:facet>
					<h:commandButton value="VISUALIZAR" 
						image="/img/btn_visualizar.png"
						alt="VISUALIZAR"
						title="VISUALIZAR"
						action="#{cadastrarCliente.editar(_cliente, true)}" />
					<rich:spacer width="5px"/>				
					<h:commandButton value="EDITAR" 
						image="/img/btn_editar.png"
						alt="EDITAR"
						title="EDITAR"
						action="#{cadastrarCliente.editar(_cliente, false)}" />				
				</rich:column>
			</rich:dataTable>
			<rich:datascroller for="tabelaClientes" renderIfSinglePage="false"/>
        </rich:panel>

        <div class="actionButtons">
            <h:commandButton id="novo" value="Novo" action="#{cadastrarCliente.novo()}"
            	rendered="#{identity.hasRole('CADASTRAR_CLIENTES_GRAVAR')}"/>
            <h:commandButton id="excluir" value="Excluir" action="#{cadastrarCliente.excluir()}"
            	rendered="#{identity.hasRole('CADASTRAR_CLIENTES_EXCLUIR')}"
            	onclick="javascript:if(!confirm('Tem certeza que deseja excluir?'))return false;"/>
        </div>

    </h:form>

 </ui:define>
</ui:composition>
